

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<script type="text/javascript" src="helpman_topicinit.js"></script>

<title>Pan and Zoom a Diagram [Enterprise Architect User Guide]</title>

<meta name="keywords" content="Enterprise Architect, Sparx Systems, UML, Zoom,Zoom Diagram View,Zoom Submenu,Pan,Pan Diagram View,Submenu,Submenu Zoom">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link type="text/css" href="default.css" rel="stylesheet" />
<style type="text/css">
  A, A:Visited
  {
    color: #00F;
  }

  A:Active, A:Hover
  {
    color: #F00;
  }

  OL
  {
    margin: 5px 0 5px 48px;
  }

  UL
  {
    margin-bottom: 3px;
    margin-top: 0;
  }

  #nsr
  {
    background-color: #D4DFFF;
  }

  #nsr A
  {
    text-decoration: none;
  }

  #mainbody
  {
    padding: 8px;
  }

  .p_BodyText
  {
    padding: 5px 0;
  }
</style>



<style type="text/css" media="screen">
  BODY
  {
    background-color: #FFFFFF;
  }

  #nsr
  {
    padding: 6px 6px 0 6px;
    border-bottom: none;
    vertical-align: top;
    z-index: 2;
    visibility: visible;
    left: 0;
    top: 0;
    position: absolute;
  }

  #mainbody
  {
    left: 0;
    top: 0;
    margin: 0;
    position: absolute;
    padding: 10px;
    overflow: auto;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
  }
</style>

<style type="text/css" media="print">
  #nsr
  {
    visibility: none;
  }

  #mainbody
  {
    overflow: visible;
  }
</style>
<script type="text/javascript" language="JavaScript" src="nonscroll.js"></script>

</head>
<body scroll="no">

<div id="page">



        <div id="content">
          <div id="content-inner">
          



  
          <div id="nsr">
            <table border="0" cellspacing="0" cellpadding="4" width="100%">
              <tr valign="top">
                <td align="left">
  


                  <p class="p_Heading1"><span class="f_Heading1">Pan and Zoom a Diagram</span></p>



  
                </td>
                <td align="right">
                  <a href="introduction.htm" onmouseover="document.images.main.src='button_main_h.gif'" onmouseout="document.images.main.src='button_main.gif'">
                    <img name="main" src="button_main.gif" border=0 alt="Return to Introduction">
                  </a>&nbsp;
    
                  <a href="setpagesize.htm" onmouseover="document.images.prev.src='button_prev_h.gif'" onmouseout="document.images.prev.src='button_prev.gif'">
                    <img name=prev src="button_prev.gif" border=0 alt="Previous page" />
                  </a>&nbsp;
    
    
    
                  <a href="move_diagram_sections___alt_ke.htm" onmouseover="document.images.next.src='button_next_h.gif'" onmouseout="document.images.next.src='button_next.gif'">
                    <img name=next src="button_next.gif" border=0 alt="Next page" />
                  </a>
    
    
                </td>
              </tr>
            </table>
          </div>
          <div id="mainbody">
  


                <p class="p_SubHeadingL1"><span class="f_SubHeadingL1">Pan</span></p>
<p class="p_BodyText"><span class="f_BodyText">Pan the </span><span class="f_UIControl">Diagram</span><span class="f_BodyText"> </span><span class="f_UIControl">View</span><span class="f_BodyText"> in the following ways:</span></p>
<ul style="text-indent: 0px; margin-left: 30px; list-style-position: outside;">
<li><span class="f_Bulletlist1">Use </span><span class="f_Bulletlist1" style="font-weight: bold;">[</span><span class="f_Bulletlist1" style="font-family: 'Wingdings 3'; font-weight: bold;">!</span><span class="f_Bulletlist1" style="font-weight: bold;">], [</span><span class="f_Bulletlist1" style="font-family: 'Wingdings 3'; font-weight: bold;">&quot;</span><span class="f_Bulletlist1" style="font-weight: bold;">], [</span><span class="f_Bulletlist1" style="font-family: 'Wingdings 3'; font-weight: bold;">#</span><span class="f_Bulletlist1" style="font-weight: bold;">], [</span><span class="f_Bulletlist1" style="font-family: 'Wingdings 3'; font-weight: bold;">$</span><span class="f_Bulletlist1" style="font-weight: bold;">]</span><span class="f_Bulletlist1">, </span><span class="f_MenuKeyField">[Page Up], [Page Down], [Home]</span><span class="f_Bulletlist1"> and </span><span class="f_MenuKeyField">[End]</span><span class="f_Bulletlist1"> when the </span><span class="f_UIControl">Diagram</span><span class="f_Bulletlist1"> </span><span class="f_UIControl">View</span><span class="f_Bulletlist1"> is selected</span></li>
<li><span class="f_Bulletlist1">Use the scrollbars</span></li>
<li><span class="f_Bulletlist1">Use the middle mouse button</span></li>
<li><span class="f_Bulletlist1">Use the <a href="the_pan__zoom_window.htm">Pan &amp; Zoom</a> window.</span></li>
</ul>
<p class="p_SubHeadingL1"><span class="f_SubHeadingL1">Zoom</span></p>
<p class="p_BodyText"><span class="f_BodyText">You can zoom into and out from a diagram using the zoom buttons on the diagram toolbar, or by using the </span><span class="f_MenuKeyField">Diagram | Zoom</span><span class="f_BodyText"> submenu.</span></p>
<p class="p_TextIndentedL2"><img src="zoomdiagram.png" width="119" height="28" border="0" alt="ZoomDiagram"></p>
<p class="p_BodyText"><span class="f_BodyText">Change the zoom level by 10% by clicking on either the </span><span class="f_MenuKeyField">Zoom In (+)</span><span class="f_BodyText"> or </span><span class="f_MenuKeyField">Zoom Out (-)</span><span class="f_BodyText"> buttons. Alternatively, select the </span><span class="f_MenuKeyField">Zoom In</span><span class="f_BodyText"> or </span><span class="f_MenuKeyField">Zoom Out</span><span class="f_BodyText"> options from the </span><span class="f_MenuKeyField">Diagram | Zoom</span><span class="f_BodyText"> submenu.</span></p>
<p class="p_TextIndentedL2"><img src="zoommenu.png" width="142" height="90" border="0" alt="ZoomMenu"></p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 13px;"><table cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:bottom;">
<td valign="bottom" width="952" bgcolor="#efeff7" style="width:952px; background-color:#efeff7;"><p class="p_TiporNote" style="border-top: none; border-right: none; border-left: none;"><span class="f_TiporNote">Note:</span></p>
</td>
</tr>
<tr style="text-align:left;">
<td width="952" bgcolor="#f7f7ff" style="width:952px; background-color:#f7f7ff;"><p class="p_TiporNoteText"><span class="f_TiporNoteText">This sub-menu is a <a href="tearoffmenus.htm">tear off menu</a>.</span></p>
</td>
</tr>
</table>
</div>
<p class="p_BodyText"><span class="f_BodyText">There are three ways to return the diagram to 100%:</span></p>
<ul style="text-indent: 0px; margin-left: 30px; list-style-position: outside;">
<li><span class="f_Bulletlist1">Click on the </span><img src="zoomicon.png" width="26" height="26" border="0" alt="ZoomIcon"><span class="f_Bulletlist1"> button</span></li>
<li><span class="f_Bulletlist1">Select </span><span class="f_MenuKeyField">Zoom to 100%</span><span class="f_Bulletlist1"> from the </span><span class="f_MenuKeyField">Diagram | Zoom</span><span class="f_Bulletlist1"> submenu</span></li>
<li><span class="f_MenuKeyField">[Ctrl]</span><span class="f_Bulletlist1">+middle-click the mouse.</span></li>
</ul>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 13px;"><table cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:bottom;">
<td valign="bottom" width="952" bgcolor="#efeff7" style="width:952px; background-color:#efeff7;"><p class="p_TiporNote" style="border-top: none; border-right: none; border-left: none;"><span class="f_TiporNote">Tip:</span></p>
</td>
</tr>
<tr style="text-align:left;">
<td width="952" bgcolor="#f7f7ff" style="width:952px; background-color:#f7f7ff;"><p class="p_TiporNoteText"><span class="f_TiporNoteText">You can zoom in and out of the main window dynamically by holding </span><span class="f_MenuKeyField">[Ctrl]</span><span class="f_TiporNoteText"> and rolling the mouse wheel.</span></p>
</td>
</tr>
</table>
</div>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 13px;"><table cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:bottom;">
<td valign="bottom" width="952" bgcolor="#efeff7" style="width:952px; background-color:#efeff7;"><p class="p_TiporNote" style="border-top: none; border-right: none; border-left: none;"><span class="f_TiporNote">Note:</span></p>
</td>
</tr>
<tr style="text-align:left;">
<td width="952" bgcolor="#f7f7ff" style="width:952px; background-color:#f7f7ff;"><ul style="text-indent: 0px; margin-left: 14px; list-style-position: outside;">
<li><span class="f_TiporNoteText">Changes in diagram magnification through the zoom options can be saved as permanent changes to the diagram.</span></li>
<li><span class="f_TiporNoteText">At high levels of zoom, element features cease to display. This is because of the difficulty the Windows font mapper has in choosing a font for extreme conditions, and the result can look odd.</span></li>
</ul>
</td>
</tr>
</table>
</div>




            </div>
          </div>
        </div>



</div>


</body>
</html>
